.social-icons .bx{
color:var(--white);
font-size: 2rem;
padding: 0.4rem;
margin: 5px;
border: 1px solid var(--white);
border-radius:2rem;
}

.social-icons .bx:hover{
background: var(--primary);
color:var(--white);
transform: scale(1.1);
}

.light .social-icons .bx:hover{
  color:var(--black);
  transform: scale(1.1) !important;
}